<!-- banner -->
<div class="swiper banner">
    <div class="swiper-wrapper">
        {volist name='banner' id='vo'}
        <a class="swiper-slide" href="{$vo.url}" target="_blank">
            <img src="{$vo.image}" class="pc">
            <img src="{$vo.image}" class="phone">
        </a>
        {/volist}
    </div>
    <div class="swiper-num"><span class="active"></span> <span class="total"></span></div>
    <div class="banner_btn">
        <div class="swiper-button-prev"><img src="/static/image/bn_prev.png" alt=""></div>
        <div class="swiper-button-next"><img src="/static/image/bn_next.png" alt=""></div>
    </div>
</div>

<div class="product_top_list wow fadeInUp animated">
    {volist name='top_products' id='vo'}
    <div class="ptl_item">
        <image src="{$vo.image}" alt="{$vo.title}"></image>
        <a href="{$vo.url}">{$vo.title}</a>
    </div>
    {/volist}
</div>

<div class="product_middle_box wow fadeInUp animated">
    <div class="pm_tit">PRODUCTS</div>
    <div class="pm_list">
        {volist name='middle_products' id='vo'}
        <a href="{:url('index/product_show',['id'=>$vo.id])}" class="pm_item">
            <image src="{$vo.image}" alt="{$vo.title}"></image>
            <p>{$vo.title}</p>
        </a>
        {/volist}
    </div>
    <a href="{:url('index/products')}" class="pm_view">VIEW MORE</a>
</div>

<div class="company_profile wow fadeInUp animated">
    <div class="cp_title">COMPANY PROFILE</div>
    <div class="cp_info">
        <div class="cp_img">
            <img src="{$about_us_image}" alt="COMPANY PROFILE">
        </div>
        <div class="cp_con">
            <div class="cp_con_tit">
                <div class="cp_con_l">ABOUT US</div>
                <a href="{:url('index/about')}" class="cp_con_r">FACTORY
                    <img src="/static/image/pro_arrow01.png" alt="">
                </a>
            </div>
            <div class="cp_con_text">
                {$index_short_desc}
            </div>
            <a href="{:url('index/about')}" class="cp_con_view">VIEW MORE</a>
        </div>
    </div>
</div>

{volist name='service_cate' id='vo' key='k'}
<?php $service = $vo['son'];?>
{notempty name='service'}
{if condition='$k==1'}
<div class="company_news wow fadeInUp animated">
    <div class="cn_left">
        <div class="cn_left_tit">{$vo.title}</div>
        <a href="{:url('index/service_show',['id'=>$service[0]['id']])}" class="cn_left_img">
            <img src="{$service[0]['image']}" alt="{$service[0]['title']}">
        </a>
    </div>
    <div class="cn_right">
        <div class="cn_first">
            <a href="{:url('index/service_show',['id'=>$service[0]['id']])}" class="cn_first_tit">{$service[0]['title']}</a>
            <a href="{:url('index/service_show',['id'=>$service[0]['id']])}" class="cn_first_con">
                <div class="cn_first_date">{$service[0]['date']}<br/>
                    <span>{$service[0]['year']}.{$service[0]['month']}</span>
                </div>
                <div class="cn_first_text">
                    {$service[0]['descript']}
                </div>
            </a>
            <a class="cn_first_view" href="{:url('index/service')}">VIEW MORE <img src="/static/image/long_arrow_white.png" alt=""></a>
        </div>
        <div class="cn_other">
            {volist name='service' id='vo' key='k'}
            {if condition='$k!==1'}
            <a class="cn_other_item" href="{:url('index/service_show',['id'=>$vo.id])}">
                <div class="cn_other_tit">{$vo['title']}</div>
                <div class="cn_other_desc">{$vo['descript']}</div>
                <div class="cn_other_link">{$vo['heading']}
                    <img src="/static/image/long_arrow_green.png" alt="">
                </div>
            </a>
            {/if}
            {/volist}
        </div>
    </div>
</div>
{/if}
{/notempty}
{/volist}



<div class="mb_company_news_box">
    <div class="mb_company_news_cate wow fadeInUp animated" >
        {volist name='service_cate' key='k' id='vo'}
        <div class="mcnc_item {if condition='$k==1'}m_act{/if}" data-sid="{$vo.id}">{$vo.title}</div>
        {/volist}
    </div>
    {volist name='service_cate' key='k' id='vo'}
    <?php $service = $vo['son'];?>
    {notempty name='service'}
    <div class="mb_company_news" data-sid="{$vo.id}" {if condition='$k==1'}style="display:block;"{/if}>
        {volist name='service' id='v' key='k'}
        <a class="mcn_item" href="{:url('index/service_show',['id'=>$vo.id])}">
            <div class="mcn_item_left">
                <img src="{$v['image']}" alt="{$v['title']}">
            </div>
            <div class="mcn_item_right">
                <div class="mcn_item_date">{$v['heading']}</div>
                <div class="mcn_item_tit">{$v['title']}</div>
                <div class="mcn_item_desc">{$v['descript']}</div>
            </div>
        </a>
        {/volist}
        <a href="{:url('index/service',['sid'=>$vo.id])}" class="mcn_more">VIEW MORE</a>
    </div>
    {/notempty}
    {/volist}
</div>

